<template>
	<view class="p-24 m-20 agreement">
		<u-parse :html="content" :selectable="true" :show-with-animation="true"></u-parse>
	</view>
</template>

<script>
	import {
		apiCommunityGroupPurchaseLeaderAgreement,
	} from "@/api/community_group_purchase"
	export default {
		data() {
			return {
				content: ''
			}
		},

		methods: {
			getCommunityGroupPurchaseLeaderAgreement() {
				apiCommunityGroupPurchaseLeaderAgreement().then(res => {
					this.content = this.$zhTran(res.content);
				})
			},

		},

		onLoad() {
			this.getCommunityGroupPurchaseLeaderAgreement()
			if (this.$Route.meta.atitle) {
				uni.setNavigationBarTitle({
					title: this.$zhTran(this.$Route.meta.atitle)
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.agreement {
		background-color: #fff;
		border-radius: 10rpx;
	}
</style>